<template>
 <div>
  御剑乘风来,除魔天地间!
  <hr>
  <SlotCom>
    <template #left='obj'>
      ==={{ obj.msg }}
       <h1>我是谁</h1>
    </template>
     <template #right='obj'>
      ==={{obj.msg}}
        <h1>我对你额度</h1>
        <!-- <span class="iconfont icon-zhifubao"></span> 
             图标插入格式-->


        <!-- 作用域插槽的三种写法 -->
        <!-- 1. #right='obj' 
             2. v-slot='obj'
             3. slot='right'  slot-scope = 'obj' 
             obj 自己定义的  用来接收子组件slot传给父组件的值-->
    </template>

  </SlotCom>
 </div>
</template>
<script>
import SlotCom from './components/SlotCom22.vue'
export default{
  components:{
    SlotCom
  },
    name:'',
    data () {
        return {
            
        }
    },
    created () {
    },
    computed:{
    },
    methods:{
    }
}
</script>
<style lang='less'  scoped>
    
</style>
